
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>蓝源Eloan-P2P平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="css/core.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-2.1.3.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.bootstrap.min.js"></script>
    <script type="text/javascript" src="js/plugins/jquery.form.js"></script>
    <script>
        $(function(){
            //AJAX提交表单
            $("#userInfoForm").ajaxForm(function(){
                $.messager.confirm("提示","修改成功!",function(){
                    window.location.reload();
                })
            })
        })
    </script>
</head>
<body>
<!-- 网页顶部导航 -->
<div class="el-header" >
    <div class="container" style="position: relative;">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="/index.do">首页</a></li>
            <li>
                <a class="el-current-user" href="/personal.do">vvvv</a>
            </li>
            <li><a  href="/recharge.do">账户充值  </a></li>
            <li><a  href="/logout.do">注销 </a></li>
            <li><a href="#">帮助</a></li>
        </ul>
    </div>
</div>

<!-- 网页导航 -->
<div class="navbar navbar-default el-navbar">
    <div class="container">
        <div class="navbar-header">
            <a href="/">
                <img alt="Brand" src="/images/logo.png">
            </a>
        </div>
        <ul class="nav navbar-nav">
            <li id="index"><a href="/index.do">首页</a></li>
            <li id="invest"><a href="/invest.do">我要投资</a></li>
            <li id="borrow"><a href="/borrow.do">我要借款</a></li>
            <li id="personal"><a href="/personal.do">个人中心</a></li>
            <li><a href="#">新手指引</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
    </div>
</div>

<script type="text/javascript">
    $("#"+"personal").addClass("active");
</script>

<div class="container">
    <div class="row">
        <!--导航菜单-->
        <div class="col-sm-3">
            <ul id="menu" class="list-group">
                <li class="list-group-item">
                    <a href="javascript:;"><span>借贷项目</span></a>
                    <ul>
                        <li name="bid"><a href="/bid_list.do"><span>投标明细</span></a></li>
                        <li name="receive"><a href="#"><span>收款明细</span></a></li>
                        <li name="bidRequest"><a href="/borrow_list.do"><span>借款项目</span></a></li>
                        <li name="borrowBidReturn"><a href="/borrowBidReturn_list.do"><span>还款明细</span></a></li>
                    </ul>
                </li>
                <li class="list-group-item">
                    <a href="#"><span class="text-title">我的账户</span></a>
                    <ul class="in">
                        <li name="personal"><a href="#">账户信息</a></li>
                        <li name="realAuth"><a href="/realAuth.do">实名认证</a></li>
                        <li name="userFile"><a href="/userFile.do">风控资料认证</a></li>
                        <li name="bankInfo"><a href="/bankInfo.do">银行卡管理</a></li>
                        <li name="ipLog"><a href="/ipLog.do">登录记录</a></li>
                        <li name="userInfo"><a href="/basicInfo.do"> <span>个人资料</span></a></li>
                    </ul>
                </li>
                <li class="list-group-item">
                    <a href="#"><span>资产详情</span></a>
                    <ul class="in">
                        <li name="accountFlow_list"><a href="">账户流水</a></li>
                        <li name="recharge"><a href="/recharge_list.do">充值明细</a></li>
                        <li name="moneyWithdraw"><a href="/moneyWithdraw.do">提现申请</a></li>
                    </ul>
                </li>
            </ul>

            <script type="text/javascript">
                $(".list-group-item li[name=userInfo]").addClass("active");
            </script>
        </div>
        <!-- 功能页面 -->
        <div class="col-sm-9">
            <div class="panel panel-default">
                <div class="panel-heading">
                    个人资料
                </div>
                <form id="userInfoForm" class="form-horizontal" action="/basicInfo_save.do" method="post" style="width: 700px;">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            用户名
                        </label>
                        <div class="col-sm-8">
                            <p class="form-control-static">vvvv</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            真实姓名
                        </label>
                        <div class="col-sm-8">
                            <p class="form-control-static">

                            </p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            身份证号码
                        </label>
                        <div class="col-sm-8">
                            <p class="form-control-static">

                            </p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            手机号码
                        </label>
                        <div class="col-sm-8">
                            <label style="width: 250px;" class="form-control"></label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            个人学历
                        </label>
                        <div class="col-sm-8">
                            <select class="form-control" id="educationBackground" name="educationBackground.id" style="width: 180px" autocomplate="off">
                                <option value="3">大专以下</option>
                                <option value="4">大专</option>
                            </select>
                            <script type="text/javascript">
                                $("#educationBackground option[value=-1]").attr("selected",true);
                            </script>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            月收入
                        </label>
                        <div class="col-sm-8">
                            <select class="form-control" id="incomeGrade" name="incomeGrade.id" style="width: 180px" autocomplate="off" >
                                <option value="1">3000以下</option>
                                <option value="2">3000~5000</option>
                            </select>
                            <script type="text/javascript">
                                $("#incomeGrade option[value=-1]").attr("selected",true);
                            </script>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            婚姻情况
                        </label>
                        <div class="col-sm-8">
                            <select class="form-control" id="marriage" name="marriage.id" style="width: 180px" autocomplate="off">
                                <option value="5">已婚</option>
                                <option value="6">未婚</option>
                            </select>
                            <script type="text/javascript">
                                $("#marriage option[value=-1]").attr("selected",true);
                            </script>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            子女情况
                        </label>
                        <div class="col-sm-8">
                            <select class="form-control" id="kidCount" name="kidCount.id" style="width: 180px" autocomplate="off">
                                <option value="7">有子女</option>
                                <option value="8">无子女</option>
                            </select>
                            <script type="text/javascript">
                                $("#kidCount option[value=-1]").attr("selected",true);
                            </script>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">
                            住房条件
                        </label>
                        <div class="col-sm-8">
                            <select class="form-control" id="houseCondition" name="houseCondition.id" style="width: 180px" autocomplate="off">
                                <option value="9">有自有房</option>
                                <option value="10">无自有房</option>
                                <option value="11">租房</option>
                            </select>
                            <script type="text/javascript">
                                $("#houseCondition option[value=-1]").attr("selected",true);
                            </script>
                        </div>
                    </div>

                    <div class="form-group">
                        <button id="submitBtn" type="submit" class="btn btn-primary col-sm-offset-5" data-loading-text="数据保存中" autocomplate="off">
                            保存数据
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="container-foot-2">
    <div class="context">
        <div class="left">
            <p>版权所有：&emsp;广州xxx科技有限公司</p>
            <p>地&emsp;&emsp;址：&emsp;广州市天河区棠下荷光三横路盛达商务园D座5楼</p>
            <p>电&emsp;&emsp;话： 020-29007520&emsp;&emsp;
                邮箱：&emsp;service@520it.com</p>
            <p>
                <a href="http://www.miitbeian.gov.cn" style="color: #ffffff">ICP备案
                    ：粤ICP备字1504547</a>
            </p>
            <p>
                <a href="http://www.gzjd.gov.cn/wlaqjc/open/validateSite.do" style="color: #ffffff">穗公网安备：44010650010086</a>
            </p>
        </div>
        <div class="right">
            <a target="_blank" href="http://weibo.com/ITxiaomage"><img
                    src="/images/sina.png"></a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>	</body>
</html>
